<template>
	<el-dialog :visible.sync="modelValue" :title="'打印预览'" width="30%" height="700" append-to-body
		:modal-append-to-body="false" :close-on-click-modal="false" top="5vh" custom-class="casc-dialog">
		<div class="content">
			
		</div>
		<!-- <template #footer>
			<div class="flex_between">
				<div></div>
				<div>
					<el-button @click="close" size="mini"> 取 消 </el-button>
					<el-button type="primary" @click="handleSubmit('ae')" size="mini"> 确 定 </el-button>
				</div>
			</div>
		</template> -->
	</el-dialog>
</template>

<script setup>
import { ref, onMounted, defineExpose, defineProps, getCurrentInstance, defineEmits } from '@vue/composition-api'
import config from "@/js/conf/Config.js"
const { proxy } = getCurrentInstance()
const props = defineProps({})
const emit = defineEmits(['close'])

const modelValue = ref(false)
const infoData = ref({})

onMounted(() => { })

const close = () => {
	modelValue.value = false
}

defineExpose({
	show: (data) => {
		infoData.value = data
		modelValue.value = true
	},
	close
})

</script>

<style lang="scss">
.casc-dialog {
	.el-dialog__body {
		padding: 0px !important;
	}
}
</style>

<style scoped lang="scss">
.content {
	height: 500px;
	padding: 10px;
	overflow-y: auto;
	height: 608px;
}

.printer-form {
	width: 100%;
}

.full-width-input {
	width: 100%;
}

.widths-input {
	flex: 1;
	margin-right: 5px;
}

.flex_between {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

/* 优化多选下拉框的样式 */
:deep(.el-select) {
	.el-select__tags {
		flex-wrap: wrap;
	}

	.el-select__input {
		min-width: 60px;
	}
}
</style>